<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no"/>
    <title>关于我们</title>
    <link rel="stylesheet" href="{{asset('assets/css/scroll/demo.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/scroll/jquery.jscrollpane.css')}}"/>
    <!--SWIPER-->
    <link rel="stylesheet" href="{{asset('assets/css/swiper.min.css')}}"/>
    <!--样式-->
    <link rel="stylesheet" href="{{asset('assets/css/base.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/common.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/pro-details.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/about.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/active.css')}}"/>

    <!--media-->
    <link rel="stylesheet" href="{{asset('assets/css/media/common.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/media/about.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/media/common-m.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/media/about-m.css')}}"/>
</head>
<body>
<div class="container">
    <div class="container-common clearfix">
        <div class="container-common-top clearfix">
            <div class="container-common-top-fl fl"><a class="a-href" href="{{route('index')}}">LOGO</a></div>
            <div class="container-common-top-fr fr"><img class="container-common-top-fr-img"
                                                         src="{{asset('assets/img/common/tel.png')}}"/><span
                        class="com-x1">{{$about_texts['右上角电话']}}</span></div>
        </div>
        <div class="container-common-nav"><img class="navc navc1" src="{{asset('assets/img/common/navc.png')}}"/> <img
                    class="navc hide navc2" src="{{asset('assets/img/common/nav-err.png')}}"/></div>

        <div class="pro-container pagees">
            <!--产品中心-->
            <div class="pro-container-top">
                <div class="pro-container-top-t1">关于我们</div>
                <div class="pro-container-top-nav clearfix">
                    <div class="nav-fl fl">about us</div>
                </div>
                <div class="about-container pro-container-top-contaienr clearfix">
                    <div class="about-container-fl fl">
                        <div class="about-container-fl-t1">
                            {{$about_texts['公司介绍']}}
                        </div>
                    </div>
                    <div class="about-container-fr fr">
                        <div class="about-container-fl-top"><img class="about-container-fl-top-img"
                                                                 src="{{Storage::disk('uploads')->url($about_image[0])}}"/><img
                                    class="about-container-fl-top-img"
                                    src="{{Storage::disk('uploads')->url($about_image[1])}}"/></div>
                        <div class="about-container-fl-top2"><img class="about-container-fl-top2-img"
                                                                  src="{{Storage::disk('uploads')->url($about_image[2])}}"/>
                            <div class="sjx"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!--团队-->
            <div class="about-team mar-auto clearfix">
                <div class="pc-about swiper-container swiper-container3 fl">
                    <div class="swiper-wrapper swiper-wrapper3">
                        @foreach($about_us as $us)
                            <div class="swiper-slide swiper-slide3">
                                <div class="team-r">
                                    <div class="team-r-m1">
                                        <div class="team-r-m1-1">
                                            <img class="team-r-m1-1-img"
                                                 src="{{Storage::disk('uploads')->url($us->avatar)}}"/>
                                            <div class="img-zz01">
                                                <div class="img-zz01-t1">{{$us->name}}</div>
                                                <div class="img-zz01-t2">{{$us->job}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="m-about hide swiper-container swiper-container6">
                    <div class="swiper-wrapper swiper-wrapper6">
                        @foreach($about_us as $us)
                            <div class="swiper-slide swiper-slide6">
                                <div class="m-about-contaienr">
                                    <div class="m-about-i">
                                        <img class="m-about-img" src="{{Storage::disk('uploads')->url($us->avatar)}}">
                                    </div>
                                    <div class="m-about-t">
                                        <div class="m-about-tl-t1">{{$us->name}}</div>
                                        <div class="m-about-tl-t1">{{$us->job}}</div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="swiper-container swiper-container4">
                    <div class="swiper-wrapper swiper-wrapper44 ">
                        <div class="swiper-slide swiper-slide4"></div>
                        <div class="swiper-slide swiper-slide4"></div>
                        <div class="swiper-slide swiper-slide4"></div>
                        <div class="swiper-slide swiper-slide4"></div>
                        <div class="swiper-slide swiper-slide4"></div>
                    </div>
                    <div class="swiper-button-next swiper-button-next4"></div>
                    <div class="swiper-button-prev swiper-button-prev4"></div>
                </div>
                <div class="about-team-fr fr">
                    <div class="about-team-fr-top">公司团队</div>
                    <div class="about-team-fr-t2"></div>
                </div>
            </div>
            <!--联系我们-->
            <div class="pro-tel clearfix">
                <div class="about-tel-container-phone hide">
                    <div class="about-tel-fr ">
                        <div class="about-tel-fr-t1">{{$about_texts['公司名称']}}</div>
                        <div class="about-tel-fr-t2">{{$about_texts['公司电话']}} <span
                                    class="com-j1">{{$about_texts['公司传真']}}</span></div>
                        <div class="about-tel-fr-t2">{{$about_texts['公司地址']}}</div>
                    </div>
                    <div class="about-tel-nav-b clearfix">
                        <div class="about-tel-nav-b-fl about-tel-nav-b-fl01 fl"></div>
                        <div class="about-tel-nav-b-fl- fl">联系我们</div>
                        <div class="about-tel-nav-b-fl about-tel-nav-b-fl02 fr"></div>
                    </div>
                    <div class="about-tel-fl-01-c">
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int01" placeholder="某某某"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int02" placeholder="Emial"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp3 clearfix">
                            <div class="about-tel-input fl"><textarea class="inp01 inp03" id="int03"
                                                                      placeholder="内容"></textarea></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                    </div>
                    <div class="about-tel-fl-01-t2" onclick="submit()">发送</div>
                    <div class="banquan">{{$about_texts['备案']}}<br/>
                        {{$about_texts['版权']}}</div>

                </div>

                <div class="about-tel-fl about-tel-fl-01 fl">
                    <div class="about-tel-fl-01-c">
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int01" placeholder="某某某"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int02" placeholder="Emial"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp3 clearfix">
                            <div class="about-tel-input fl"><textarea class="inp01 inp03" id="int03"
                                                                      placeholder="内容"></textarea></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                    </div>
                    <div class="about-tel-fl-01-t2" onclick="submit()">发送</div>
                </div>
                <div class="about-tel-fr about-tel-fr-01 fr">
                    <div class="about-tel-fr-t1">{{$about_texts['公司名称']}}</div>
                    <div class="about-tel-fr-t2">{{$about_texts['公司电话']}} <span
                                class="com-j1">{{$about_texts['公司传真']}}</span></div>
                    <div class="about-tel-fr-t2">{{$about_texts['公司地址']}}</div>
                    <div class="about-tel-fr-t3 clearfix">
                        <div class="about-tel-fr-t3-fl fl clearfix">
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="about">关于我们</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="#">联系我们</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="pro">产品中心</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="#">登录</a>/<a href="#">注册</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="news">最新资讯</a></div>
                        </div>
                        <div class="about-tel-fr-t3-fr fr"><img class="about-tel-fr-t3-fr-img"
                                                                src="{{Storage::disk('uploads')->url($about_texts['微信二维码'])}}"/>
                            <div class="about-tel-fr-t3-fr-01"><img src="{{asset('assets/img/index/p06-02.png')}}"/>扫一扫
                                了解更多
                            </div>
                        </div>
                    </div>
                    <div class="about-tel-fr-t4">{{$about_texts['备案']}} {{$about_texts['版权']}}</div>
                </div>
            </div>
        </div>

    </div>
    <div class="hide-nav hide op01 z-index01">
        <div class="hide-nav-fl-title">logo</div>
        <div class="hide-navs">
            <ul class="hide-navs-ul">
                <li class="navs-li "><a href="{{route('index')}}">首页</a></li>
                <li class="navs-li "><a href="pro">产品中心</a></li>
                <li class="navs-li navs-li-active"><a href="about">关于我们</a></li>
                <li class="navs-li "><a href="news">最新资讯</a></li>
                <li class="navs-li lianxi"><a href="#">联系我们</a></li>
                <li class="navs-li"><a href="#">登录</a>/<a href="#">注册</a></li>
            </ul>
        </div>
    </div>

    <div class="pc-hide-nav ">
        <ul class="pc-hide-navs-ul">
            <li class="pc-navs-li "><a href="{{route('index')}}"><img class="pc-navs-li-img"
                                                              src="{{asset('assets/img/common/nav-index.png')}}"/>首页</a>
            </li>
            <li class="pc-navs-li"><a href="pro">产品中心</a></li>
            <li class="pc-navs-li pc-navs-li-active"><a href="about">关于我们</a></li>
            <li class="pc-navs-li"><a href="news">最新资讯</a></li>
            <li class="pc-navs-li lianxi"><a href="#">联系我们</a></li>
            <li class="pc-navs-li"><a href="">登录</a>/<a href="#">注册</a></li>
        </ul>
    </div>
    <div class="zz hide"></div>
</div>

<script src="{{asset('assets/js/jquery.min.js')}}"></script>
<script src="{{asset('assets/js/font-size.js')}}"></script>
<script src="{{asset('assets/js/swiper.min.js')}}"></script>
<script src="{{asset('assets/js/scroll/jquery.mousewheel.js')}}"></script>
<script src="{{asset('assets/js/scroll/jquery.jscrollpane.js')}}"></script>
<script src="{{asset('assets/js/common.js')}}"></script>
<script>
    var swiper = new Swiper('.swiper-container3', {
        slidesPerView: 4,
        spaceBetween: 0,
        slidesPerGroup: 4,
        // loop: true,
        // loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination4',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next4',
            prevEl: '.swiper-button-prev4',
        },
    });
    var swiper = new Swiper('.swiper-container4', {
        slidesPerView: 4,
        spaceBetween: 30,
        slidesPerGroup: 4,
        pagination: {
            el: '.swiper-pagination4',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next4',
            prevEl: '.swiper-button-prev4',
        },
    });
    var swiper = new Swiper('.swiper-container6', {
        slidesPerView: 4,
        slidesPerGroup: 4,
        pagination: {
            el: '.swiper-pagination4',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next4',
            prevEl: '.swiper-button-prev4',
        },
    });


    $(".team-r-m1").css("height", $(".team-r-m1").width + 'px');

    $(window).resize(function () {
        $(".team-r-m1").css("height", $(".team-r-m1").width + 'px');
    })

    // $(function()
    // {
    //     $('.pagees').jScrollPane();
    // });


</script>
</body>
</html>
